<!DOCTYPE html>
<html lang="en">
<head>

    <title>锚点跳转</title>
</head>
<body>
    <!-- 2. 跳转锚点： #加name值或者id值(id几乎所有标签都有，因此推荐用id)，需要加上#-->
    <a href="#爱莉希雅">点我看爱莉希雅</a>
    <a href="#初音未来">点我看初音未来</a>

    <p>这是两个精灵，她们很美丽</p>
    <img src="./Source/精灵.jpg" alt="精灵">

    <p>这是美少女，她很美丽</p>
    <img src="./Source/美少女.jpg" alt="美少女">

    <!-- 1. 锚点的设置：通过name或者id设置-->
    <a name="爱莉希雅"></a>
    <p>这是爱莉希雅，她很美丽</p>
    <img src="./Source/爱莉希雅.png" alt="爱莉希雅">

    <p id="初音未来">这是初音未来，她很美丽</p>
    <img src="./Source/初音未来.jpg" alt="初音未来">

    <p>这是超级美少女，她很美丽</p>
    <img src="./Source/超级美少女.png" alt="超级美少女">

    <!--去往指定页面的指定锚点处-->
    <a href="6.超链接_跳转文件.html#10.png">去指定页面的指定锚点处</a>
     
    <a href="#">回到顶部</a>
    <a href="">刷新页面</a>

</body>
</html>